<!DOCTYPE html>
<!-- 定义文档类型为HTML5 -->
<html lang="zh-CN">
<!-- 设置语言属性为简体中文 -->

<head>
    <meta charset="UTF-8">
    <!-- 指定文档使用的字符编码为UTF-8 -->
    <title>添加记录</title>
    <!-- 文档标题 -->
    <link rel="stylesheet" href="/stylesheets/add.css">
</head>

<body>
    <div class="form-container">
        <h2>添加记录</h2>
        <!-- 表单标题 -->
        <form action="/account" method="post">
            <!-- 表单开始，指定提交URL和方法 -->
            <label for="item">事项:</label>
            <input type="text" id="item" name="item" required>
            <!-- 输入框，用于填写事项 -->

            <label for="date">发生时间:</label>
            <input type="date" id="date" name="date" required>
            <!-- 输入框，用于填写发生时间 -->

            <label for="type">类型:</label>
            <select id="type" name="type" required>
                <option value="-1">支出</option>
                <option value="1">收入</option>
            </select>
            <!-- 下拉列表，用于选择类型（支出或收入） -->

            <label for="amount">金额:</label>
            <input type="text" id="amount" name="amount" required>
            <!-- 输入框，用于填写金额 -->

            <label for="note">备注:</label>
            <textarea id="note" name="note" rows="4"></textarea>
            <!-- 文本区域，用于填写备注信息 -->

            <button type="submit">添加</button>
            <!-- 提交按钮 -->
        </form>
        <!-- 表单结束 -->
    </div>
</body>

</html>